<template>
	<div>
		<sh-card title="工具栏按钮" class="mb-3">
			<sh-toolbar :left-contain="leftContain" :right-config="rightConfig"></sh-toolbar>
		</sh-card>
		<sh-card title="支持左右联动" class="mb-3">
			<sh-toolbar relation :left-contain="leftContain" :right-config="rightConfig"></sh-toolbar>
		</sh-card>
		<sh-card title="全部按钮" class="mb-3">
			<sh-toolbar is-tool :tools-contain="toolsContain"></sh-toolbar>
		</sh-card>
	</div>
</template>

<script>
export default {
	name: 'BaseToolbar',
	data() {
		return {
			leftContain: ['wss', 'bth', 'yss', 'qb', 'dsh', 'ysh'],
			toolsContain: ['add', 'edit', 'delete', 'detail', 'export', 'import', 'print', 'batch-add', 'batch-edit', 'batch-delete', 'batch-detail'],
			rightConfig: [
				{ value: '1', code: 'wss,bth', content: '送审' },
				{ value: '2', code: 'yss', content: '撤销' },
				{ value: '3', code: 'dsh', content: '退回' },
				{ value: '4', code: 'dsh', content: '审核通过' },
				{ value: '5', code: 'wss,bth,yss,qb,dsh,ysh', content: '查看' }
			]
		}
	}
}
</script>

<style scoped lang="scss"></style>
